<template>
  <div class="mod-platform-pconfigs">
    <el-tabs>
      <el-tab-pane :label="$t('sysManagement.basicConfiguration')">
        <BaseConfig ref="baseConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.fileUploadConfiguration')">
        <OssConfig ref="ossConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.wechatConfiguration')">
        <WxConfig ref="WxConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.alipayConfiguration')">
        <AlipayConfig ref="alipayConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.paypalConfiguration')">
        <PaypalConfig ref="paypalConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.expressConfig')">
        <QuickConfig ref="quickConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.servicesOrdinance')">
        <ServiceConfig ref="servicesConfigRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('sysManagement.aliLiveConfig')">
        <AliLiveConfig ref="aliLiveConfigRef" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import BaseConfig from './components/base-config.vue'
import WxConfig from './components/wx-config.vue'
import OssConfig from './components/oss-config.vue'
import AlipayConfig from './components/alipay-config.vue'
import QuickConfig from './components/quick-config.vue'
import ServiceConfig from './components/service-config.vue'
import PaypalConfig from './components/paypal-config.vue'
import AliLiveConfig from './components/ali-live-config.vue'
</script>

<style lang="scss" scoped>
@use './index.scss';
</style>
